<div class="account-center" id="ArticleDetail">
    <div class="account-center-content">
        <div class="account-header">
            <div class="account-title">
                <div style="height:24px;font-size: 20px;letter-spacing: 5px;"><p>活动详情</p></div>

            </div>
            <div class="close-btn" onclick="hideArticleDetail()">
                <i class="fa fa-times"></i>
            </div>
        </div>
        <div class="account-actions">
            <div class="action-group">
                <div class="action-title">{$article['title']}</div>
                <div style="max-height:50vh;overflow:auto">
                    {:$article['content']}
                </div>
                <div class="article-nav" style="margin-top:10px; display:flex; justify-content:center; gap: 20px;">
                    <a class="article-btn" href="javascript:void(0)"  onclick="showArticle({$article['id']},2);">上一条</a>
                    <a class="article-btn" href="javascript:void(0)"  onclick="showArticle({$article['id']},1)">下一条</a>
                </div>
                
            </div>
        </div>
    </div>
    <style>
        .article-nav .article-btn{color:#ff7f32;border:1px solid #ff7f32;padding:6px 14px;border-radius:4px;text-decoration:none;display:inline-block}
        .article-nav .article-btn:hover{background:rgba(255,127,50,.08)}
    </style>
</div>